<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="../common/head.jspf" %>
        <link href="/css/user/transaction.css" rel="stylesheet"/>
        <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="/js/pager.js"></script>
    </head>
    <body>
        <header class="site-mast" >
            <%@include file="../common/head_top_short.jspf" %>
        </header>
        <%@include file="../common/userinfo.jspf" %>
        <div class="tran_content">
            <%@include file="../common/navigate.jspf" %>
            <div class="order_list">
                <table border="0">
                    <tr style="background-color:#f5f5f5">
                        <th style="width:25%;text-align: center;">门店照片</th>
                        <th style="text-align: center;">数量</th>
                        <th style="text-align: center;">小计(元)</th>
                        <th style="text-align: center;">商家信息</th>
                        <th style="text-align: center;">扫码进群</th>
                        <th style="text-align: center;">验证码</th>
                    </tr>
                    <tr style="height:20px;"></tr>
                    <c:forEach var="item" items="${lod}" varStatus="status">
                    <tr class="order_list_banner">
                        <td colspan=5' class="order_number" style="cursor: pointer;">订单编号:<label class="order_id_number">${item.orderId}</label></td>
                        <td align='right' class="order_delete"><fmt:formatDate value="${item.createTime}" pattern="yyyy-MM-dd" /></td> 
                    </tr>
                    <tr class="order_list_info_tr">
                        <td class="order_list_shop">
                            <img src="/img/user/shop.png" />
                            <div class="order_list_shop_info">${item.name}</div>
                            <label class="transt_state">进行中</label>
                        </td>
                        <td align='center'>数量:${item.number}</td>
                        <td align='center' style="color:red;">￥${item.price}</td> 
                        <td align='center'>${item.shopAddress}<br>${item.shop_mobile}</td> 
                        <td align='center' style="color:#45d5f9">${item.wc_public_number}<br><br><label style="color:#45d5f9" class="weichat_img">${item.wc_group}</label></td>
                        <td align='center'>验证码:${item.code}</td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    </c:forEach>
                </table>
                <div style="height:60px;padding-top: 40px;">
                    <ul id="main-nav2" class="pagination">
                    </ul>
                </div>
            </div>
            
            <div class="tuijian_banner">
                <label>今日推荐</label>
                <div class="tuijian_info">
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                </div>
            </div>
        </div>
            <div id="BgDiv"></div>
            <div class="order_info_modal">
                <div class="order_info_modal_title">订单信息</div>
                <hr>
                <div class="order_info_modal_add">收货地址:zzz,17785461235,非台区诺顿中心7号楼605室</div>
                <hr>
                <div class="order_info_modal_formation">
                    商家信息
                    <div style="color:#e31f4a;margin-left:30px;"><i class="fa fa-shopping-basket" style="color:red;padding-right: 5px;"></i>诺克照明(丰台店)</div>
                    <div style="margin: 10px 0 10px 30px;"><i class="fa fa-shopping-basket" style="color:red;padding-right: 5px;"></i>北京市丰台区诺德中心7号楼605室</div>
                    <div style="margin: 10px 0 10px 30px;"><i class="fa fa-shopping-basket" style="color:red;padding-right: 5px;"></i>111587896584</div>
                    <div class="order_info_modal_formation_left"><img src="/img/hot.png" style="width:90px;height:90px;"/></div>
                    <div class="order_info_modal_formation_right"><img src="/img/hot.png" style="width:90px;height:90px;"/></div>
                </div>
                <hr>
                <div class="order_modal_table">
                    订单信息
                    <table border="0" style="">
                        <tr class="order_list_banner" style="height:30px;">
                        <td colspan='3' class="order_number">订单编号:3369874512589632</td>
                        <td colspan='2' align='right' class="order_delete">创建时间:20160503</td> 
                    </tr>
                    <tr class="order_list_info_tr">
                        <td class="order_list_shop modal_table_td1">
                            <img src="/img/user/shop.png" />
                            <div style="position:relative;top:10px;left:10px;">创意简约圆形客厅灯</div>
                            <label style="position:relative;top:30px;left:10px;">数量:1</label>
                        </td>
                        <td align='center' class="modal_table_td2">￥324.00
                        <br>
                        <label style="color: #b9b9b9;text-decoration:line-through">￥324.00</label>
                        </td> 
                        <td align='center' class="modal_table_td2">白色<br><br><label style="color:#45d5f9" class="weichat_img">140W</label></td>
                        <td align='center' class="modal_table_td2">进行中</td> 
                        <td align='center' class="modal_table_td3">￥324.00</td> 
                    </tr>
                    </table>
                    <div class="order_modal_totalmoney">金额总计:<label>324.00</label></div>
                    <div class="order_modal_shutdown">关闭</div>
                </div>
            </div>
                    
        <div class="login_foot">
            <ul>
                <li>关于天下</li>
                <li>市场合作</li>
                <li>商家后台</li>
                <li>常见问题</li>

            </ul>
        </div>
        <script type="text/javascript">
            pager(${p}, ${ps}, ${count}, "main-nav2", "promessageFun(");
        </script>
        <script type="text/javascript">
            function promessageFun(page) {
                window.location.href = "/traning.do?p=" + page;
            }
        </script>
        <script type="text/javascript" src="/js/pages/user/train.js"></script>
    </body>
</html>
